\section{Designing Effective Page Layouts}
\label{sec:DesigningEffectivePageLayouts}
\subsection{Grid Layout}
\label{sec:GridLayout}
En el sitio se nota claramente una organización en forma de grilla en
las distintas páginas. Además de la cabecera y el pie, por ejemplo, la
página principal está dividida en una columna con las categorías, otra
con publicidad y algunos productos destacados, y otra con accesos
misceláneos.

% Acá vendrían bien algunas capturas de un editor HTML, de esos que
% les gusta remarcar las tablas\ldots -Ariel 29/04/09 17:28
% Busco plugins y meto pantallazos -Pablo Nicolas Diaz 29/04/09 18:27

\subsection{Above the fold}

La página principal muestra por ``encima del doblez'' el cuadro de
búsqueda con los links a secciones principales del sitio, el principio
de la lista de categorías, publicidad, ayuda e \emph{``imperdibles''}.  Las
categorías tienen una grilla con artículos especiales compartiendo
lugar con el principio de la lista de subcategorías, además de la
barra de búsqueda con los links encima de ella, y publicidad externa.
Los listados de productos tienen el rastro de migas de categorías, las
listas de filtros, la barra de búsqueda con sus links, y publicidad
externa.

\subsection{Clear first reads}

Es claro que el sitio tiene una primera vista clara. Signos de la
aplicacion del patrón, como pueden ser el uso de fuentes fáciles de
leer, por ejemplo, las fuentes Verdana, Arial y Sans Serif, las cuales
son consideradas fuentes de simple lectura, estan presentes en la hoja
CCS del sitio. El logo está ubicado en la esquina superior izquierda
de la página, la cual es la zona mas propensa a ser vista por los
visitantes del sitio en un primer pantallazo, además en el mismo la
combinación de colores (amarillo, blanco y azul) resalta al visitante,
ya que la misma es de alto contraste; por otra parte, el tamaño del
texto del aviso publicitario de la pagina desvía la atención del
visitante, ya que éste utiliza una fuente mas grande que la del resto
de la página, como se puede apreciar en la figura \ref{fig:css_view}.

\simpleplaceimage{width=0.5\textwidth}{h}{imgs/css_view}{Detalles de
  la plantilla CSS en MercadoLibre.com.ar}{fig:css_view}

Por último, como experiencia subjetiva, los autores del informe
sintieron que la primera lectura fue muy ágil y a pesar del tamaño del
logo, el cual no quedo asociado con el sitio desde la primera visita
al mismo.

\subsection{Expanding screen width}
\label{sec:ExpandingScreenWidth}


Es evidente que el siguiente patrón no se cumple en el sitio,lo cual
se aprecia en la figura \ref{fig:css_view}.

 \subsection{Fixed screen width} \label{sec:FixedScreenWidth}
 A pesar de que el ancho de pagina es fijo, no parece que el patrón
 fuera aplicado o fuera aplicado en forma incorrecta, ya que este es
 usado en situaciones en las cuales el patrón
 \ref{sec:ExpandingScreenWidth} resulta incomodo, como pueden ser
 sitios con mucho contenido de texto (noticias, información, etc.).

 \subsection{Consistent sidebars of related content}

 El sitio no cuenta con barras laterales consistentes de contenido relacionado.

 % No parecer -Pablo Nicolas Diaz 29/04/09 18:52 ¿Lo que tienen las
 % páginas de categorías (no subcategorías), no puede verse más o
 % menos como unas ''consistent sidebars\ldots''? -Ariel 29/04/09 20:27 con
 % el ''no parecer'' parezco como que nunca aprendi español \ldots  la idea
 % es que las sidebars tengan relacion entre si cuando navegas ,
 % p.ex. sean 3 paginas, A,B,C, y A es mas importante q B y C,
 % entonces deberia haber vinculos A->B, A->C, B->A.C->A y B<->C si B
 % y C tienen relacion entre sí -Pablo Nicolas Diaz 29/04/09 21:58

%%% Local Variables: 
%%% mode: latex
%%% TeX-master: "../informe"
%%% End: 
